<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>业绩汇总</title>
		<link rel="stylesheet" type="text/css" href="__API__/lib/css/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="__API__/lib/css/mui.css?v=1">
		<link rel="stylesheet" type="text/css" href="__API__/lib/css/mobileSelect.css" />
		<link rel="stylesheet" href="__API__/lib/css/style.css">
		<script type="text/javascript" src="__API__/lib/js/jquery-1.11.0.min.js"></script>
		<script type="text/javascript" src="__API__/lib/js/mui.js"></script>
		<script src="__API__/lib/js/mobileSelect.js" type="text/javascript" charset="utf-8"></script>
		<script src="__API__/lib/js/city.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="__API__/lib/js/swiper.min.js"></script>
		<script type="text/javascript" src="__API__/lib/js/vue.min.js"></script>
		<script type="text/javascript" src="__API__/lib/js/common.js"></script>
		<script type="text/javascript" src="__API__/lib/js/index.js"></script>
	<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script></head>

	<body>
		<div class="page_box bg_color" id="app" style="min-height: 100vh;">
			<ul class="per_list">
				<li v-for="(item,i) in performanceList" :key="i">
					<h2>{{item.month}}</h2>
					<dl class="num_dl">
						<dd>
							<span>订单总额:</span>
							<span>￥{{item.total_price}}</span>
						</dd>
						<dd>
							<span>订单总数:</span>
							<span>￥{{item.total_count}}</span>
						</dd>
						<dd>
							<span>总支数:</span>
							<span>￥{{item.make_order_count}}</span>
						</dd>
					</dl>
					<dl class="per_dl">
						<dd>
							<span></span>
							<span>业绩</span>
							<span>支数</span>
							<span>总数</span>
						</dd>
						<dd>
							<span>当期推荐</span>
							<span>{{item.direct_price}}</span>
							<span>{{item.direct_count}}</span>
							<span>{{item.direct_order}}</span>
						</dd>
						<dd>
							<span>当期销售</span>
							<span>{{item.total_price}}</span>
							<span>{{item.make_order_count}}</span>
							<span>{{item.total_count}}</span>
						</dd>
					</dl>
				</li>
			</ul>
		</div>
		<script>
			var app = null;
			app = new Vue({
				el: '#app',
				data: {
					performanceList: [

					]
				},
				created: function() {
					var that = this;
					common.ajax("{:url('Member/performance')}",{token:localStorage.getItem('token')} , function(res) {
						//common.showToast(res.msg);
								that.performanceList =res.data
						// that.getData(searchValue);
					})
				},
				methods: {
					goDetail(url) {
						common.openUrl(url)
					},
				}
			});
		</script>
	</body>

</html>
